<template>
  <div>
    <div class="center">
      <el-row :gutter="20">
        <el-col :span="24"><div class="centerTitle">测评记录</div></el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">
          <div class="block">
            <el-timeline>
              <el-timeline-item v-for="item in this.list"  :key="item.plan_uuid" :timestamp="item.first_time" placement="top">
                <el-card>
                  <div class="fr"><el-button type="warning" size="mini">{{item.plan_type_title}}</el-button></div>
                  <h4>{{item.title}}</h4>
                  <br>
                  <el-button type="primary" size="mini" round @click="lookReport(item)">查看报告</el-button>
                </el-card>
              </el-timeline-item>
            </el-timeline>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
// import {APIGETEVALUATIONRECORD} from '@/common/api.js'
export default {
  data () {
    return {
      list: []
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      // APIGETEVALUATIONRECORD().then((res) => {
      //   if (res.status === 1) {
      //     this.list = res.data
      //   }
      // }).catch((err) => {
      //   this.$message.error(err.msg)
      // })
    },
    lookReport (val) {
      window.open('/report/page/groupReport/recommended.html?batch=' + val.batch + '&school_id=' + val.school_id + '&token=' + window.sessionStorage.getItem('token'))
    }
  }
}
</script>
